<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="baidu_ssp_verify" content="9241a22d9d21617a901e4814589fecae">
    <title>国外高匿免费HTTP_HTTPS_SOCKS4_SOCKS5代理IP - iwfreevpn</title>
    <!-- Icon Font-->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.default.css">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Responsive CSS -->
    <link href="css/responsive.css" rel="stylesheet">

    //收藏用logo图标
    <link rel="bookmark" type="image/x-icon" href="favicon.ico"/>
    //网站显示页logo图标
    <link rel="shortcut icon" href="favicon.ico">
    <![endif]-->

    <!--分页样式-->
    <link rel="stylesheet" href="plugins/pagination/style/pagination.css">
</head>

<body>
<header id="HOME" style="background-position: 50% -125px;">
    <div class="section_overlay">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img class="logo" src="images/logo_right.png" alt=""></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#HOME">Home</a></li>
                        <li><a href="/">Services</a></li>
                        <li><a href="#ABOUT">About</a></li>
                        <li><a href="#CONTACT">Contact</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container -->
        </nav>

    </div>
    </section>
</header>

<section class="top-tag" id="top-tag">
    <div class="jumbotron">
        <div class="container text-center">
            <h1>Free proxy list</h1>
            <p>Higher availabilitive proxies , you can find the best.</p>
        </div>
    </div>
</section>

<section class="proxy">
    <header class="">
        <div class="container">
            <div class="row">
                <div class="col-sm-2">
                    <h2>IP:PORT</h2>
                </div>
                <div class="col-sm-2 text-center">
                    <h2>Capabilities</h2>
                </div>
                <div class="col-sm-2 text-center">
                    <h2>Location</h2>
                </div>
                <div class="col-sm-2 text-center">
                    <h2>Transparent</h2>
                </div>
                <div class="col-sm-2 text-right">
                    <h2>Speed</h2>
                </div>
                <div class="col-sm-2 text-center">
                    <h2>Last Checked</h2>
                </div>
            </div>
        </div>
    </header>

    <div class="container clearfix" id="article_list">

    </div>

    <div class="M-box"></div>
</section>


<footer>
    <div class="container">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="footer_logo   wow fadeInUp animated">
                        <img src="images/logo_right.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="signoff">
            Copyright © 2017 <a href="#" title="Internet Solutions and Consulting">Lockspin UK
            Ltd.</a> Company reg. #07600443 in Wallasey, United Kingdom
        </div>
    </div>
</footer>


<!-- =========================
     SCRIPTS
============================== -->
<script id="article_template" type="text/html">
    {{each data.content value index}}
    <article data-ts="1500787137">
        <div class="col-sm-2" style="padding-left: 0px;">
            <span class="flag-icon flag-icon-us"></span>
            <span style="color: #545454;">{{value.ip}}:{{value.port}}</span>
        </div>
        <div class="col-sm-2 text-center">
            <span style="color: #545454;">{{formatType(value.type || 0)}}</span>
        </div>
        <div class="col-sm-2 text-center">
            <span style="color: #545454;">{{value.countryId}}</span>
        </div>
        <div class="col-sm-2 text-center">
            <span style="color: #545454;">{{formatTransparent(value.transparent || 0)}}</span>
        </div>
        <div class="col-sm-2 text-right " style="padding-right: 0px;">
            <span>{{value.speed/1000 || '0'}}(S)</span>
        </div>
        <div class="col-sm-2 text-center">
            <span>{{value.connectionScoreDateStr}}</span>
        </div>
    </article>
    {{/each}}
</script>
<script src="js/jquery.min.js"></script>
<script src="js/template-web.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="plugins/pagination/script/jquery.pagination.js"></script>
<script type="text/javascript">
    $('.M-box').pagination({
        isHide: false,
        callback: function (api) {
            $('.now').text(api.getCurrent());
            getList(10, api.getCurrent(), api);
        }
    }, function (api) {
        $('.now').text(api.getCurrent());
        getList(10, 1, api);
    });


    function getList(size, page, api) {
        $.ajax({
            url: "http://47.94.199.58:8080/proxyipcenter/proxyCenter/proxy/list",
            dataType: 'json',
            data: {
                "size": size,
                "page": page - 1,
                "sort": "connection_score_date,desc",
            },
            success: function (result) {
                api.setPageCount(result.data.totalPages);
//                alert(page)
//                api.filling();

                $('#article_list').empty();
                template.defaults.imports.formatType = formatType
                template.defaults.imports.formatTransparent = formatTransparent
                var html = template('article_template', result);
                $('#article_list').append(html);
            },
        });
    }

    function formatType(type) {
        if (type == 1) {
            return 'http';
        } else if (type == 2) {
            return 'https';
        } else if (type == 4) {
            return 'socks';
        } else {
            return 'http';
        }
    }
    function formatTransparent(transparent) {
        console.log(transparent)
        if (transparent == 0) {
            return 'elite proxy';
        } else if (transparent == 1) {
            return 'anonymous';
        } else if (transparent == 2) {
            return 'transparent';
        }
        return type;
    }
</script>


</body>

</html>